<template>
	<view>
	<view class="smart-page-head">
		<view class="smart-page-head-title">
			progress,进度
		</view>
	</view>
	<view class="smart-padding-wrap">
		<view class="progress-box">
			<progress :percent="pgList[0]" show-info stroke-width="3" active="true" ></progress>
		</view>
		<view class="progress-box">
			<progress :percent="pgList[1]" activeColor="#007aff" stroke-width="3" active="true"></progress>
		</view>
		<view class="progress-control">
			<button type="primary" @click="Setpro">设置进度</button>
			<button type="warn" @click="Clearpro">清除进度</button>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pgList:[0,0]
			}
		},
		onLoad() {
	
		},
		methods: {
			Setpro(){
				this.pgList = [20,40];
			},
			Clearpro(){
				this.pgList=[0,0];
			}
			
	
		}
	}
</script>

<style>
.progress-box{
	height: 50rpx;
	margin-bottom: 20rpx;
}

.progress-control{
	margin: 10rpx;
}
</style>